I have a site that does a standard forward to another site [301 Redirect]. In the redirected site, I detect if the device is a mobile using the following code:

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.replace("Mobile/Login/Login.aspx")
} else {
    window.location.replace("Apps/Login/Login.aspx")
}

It works and jQuery mobile makes the site fits device very well. To do so, I use the following code in ASPX page:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

The problem is that I am wanting to frame forward - instead of standard forward - (there are a lot of advantages), but the site is not fitted for the device anymore, and even the icon I have chosen for my page is not well defined anymore. The code I use to set the icon of page is:

<link rel="apple-touch-icon" href="../../Apps/Imagens/Icone.png" />

My site is hosted by Mochahost

My question is:

Is there anything I could do to make it works?